<%@include file="menu/util.jsp" %>
<%@page contentType="text/html; charset=iso-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <fmt:bundle basename="app">
    <head>
        <title><fmt:message key="login.title.tag" /></title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <jsp:include page="menu/header.jsp">
            <jsp:param name="v" value="login" />
        </jsp:include>

        <link type="text/css" rel="stylesheet" href="jsp/css/dhtmlxgantt.css" />
        <script type="text/javascript" language="JavaScript" src="jsp/js/dhtmlxcommon.js"></script>
        <script type="text/javascript" language="JavaScript" src="jsp/js/dhtmlxgantt.js"></script>


<script type="text/javascript" language="JavaScript">
/*<![CDATA[*/
function createChartControl(htmlDiv1)
{
    // Create Gantt control
    var ganttChartControl = new GanttChart();
    // Setup paths and behavior
     ganttChartControl.setImagePath("jsp/css/imgs/");
    // Build control on the page
    ganttChartControl.create(htmlDiv1);
    // Load data structure
    ganttChartControl.loadData("xmlProject.do",true,true);
}
/*]]>*/
</script>







            <style>
	body {font-size:12px}
	.{font-family:arial;font-size:12px}
	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
	.hdr{
		background-color:lightgrey;
		margin-bottom:10px;
		padding-left:10px;
	}
    </style>






    </head>
   <body onload="createChartControl('GanttDiv')">

    <div class="hdr">DHTML Gantt sample</div>

	<h1>Initialize object on page</h1>
	<p>You can place this JavaScript Gantt Chart anywhere on your web page, attaching it
	to any div object.<br>
	</p>



        <div style="width:950px; height:620px; position:relative" id="GanttDiv"></div>
<script>
        var gantt = new GanttChart();
        gantt.setImagePath("codebase/imgs/");
        gantt.setEditable(true);
        ...
        gantt.addProject(project_1);
        ...
        gantt.create("GanttDiv");
</script>
</XMP>

<br>
	<div style="width:950px;height:620px;position:absolute;" id="GanttDiv"></div>

</body>
    </fmt:bundle>
</html>













